<template>
  <div>
    <input type="text" v-if="!fz" ref="nn">
    <button v-else @click="mm">点击搜索</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      fz:true
    }
  },
  methods:{
    mm(){
      this.fz =!this.fz

      this.$nextTick(() => {
        this.$refs.nn.focus()
      })
    }
  }
}
</script>

<style>

</style>